body { background-color: #f2f2f2; }
.qrdh { position: relative; }
.detail_pro{ padding-bottom: 50px;width: 100%; height: auto; overflow: hidden; }
.swiper-detail { text-align: center; padding: 20px 0; border-bottom: 1px solid #f2f2f2; background-color: #fff; }
.swiper-detail img { max-height: 300px; max-width: 90%; }
.detail_prodect { width: 94%; padding: 10px 3%; height: auto; overflow: hidden; border-bottom: 1px solid #f2f2f2; background-color: #fff; }
.detail_prodect_title { font-size: 15px; font-weight: normal; }
.detail_prodect_zx { color: #737373; margin: 5px 0; }
.detail_prodect_money { float: left; margin-right: 2%; color: #ff6600; font-size: 16px; }
.detail_prodect_money img { width: 15px; position: relative; top: 2px; right: 0px; }
.detail_prodect_money span { color: #737373; font-size: 12px; margin-left: 5px; text-decoration: line-through; }
.detail_prodect_yun { float: right; color: #737373; }
.detail_prodect_guige { position: relative; text-indent: 2%; font-size: 15px; border-top: 1px solid #f2f2f2; border-bottom: 1px solid #f2f2f2; margin: 10px 0; background-color: #fff; height: 50px; line-height: 50px; }
.detail_mask {display: none; width: 100%; height: 100%; position: fixed; left: 0; top: 0; background-color: #000; z-index: 5; opacity: .4; }
.detail_select {display: none; width: 100%; position: fixed; left: 0; height: auto; overflow: hidden; bottom: 0; z-index: 10; }
.detail_select_s { width: 100%; height: 110px; margin-top: 20px; background-color: #fff; }
.detail_select_logo { background-color: #fff; width: 100px; margin-right: 10px; float: left; position: relative; top: -20px; border-radius: 5px; overflow: hidden; margin-left: 15px; border: 1px solid #e8e8e8; }
.detail_select_logo img { width: 100%; height: 100%; }
.detail_select_right { float: left; width: 190px; padding-top: 10px; }
.detail_select_money { float: left; font-size: 16px; color: #ff6600 }
.detail_select_money img { width: 15px; position: relative; top: 4px; margin-right: 2px; }
.detail_select_kc, .detail_select_sx { margin-top: 10px; width: 100%; float: left; }
.detail_select_color, .detail_select_xinghao { float: right; }
.detail_select_yanse, .detail_select_xh, .detail_select_number { width: 96%; padding: 15px 2%; height: auto; overflow: hidden; background-color: #fff; border-top: 1px solid #f2f2f2; }
.detail_select_yanse h1, .detail_select_xh h1 { width: 100%; float: left; font-size: 15px; font-weight: normal; text-indent: 2%; }
.detail_select_yanse li, .detail_select_xh li { width: auto; padding: 0 15px; float: left; height: 30px; border: 1px solid #a4a4a4; border-radius: 5px; line-height: 30px; margin: 10px  20px 0 0; }
.detail_select_yanse  .cur, .detail_select_xh .cur { border: 1px solid #ff6600; }
.detail_select_yanse  .null, .detail_select_xh .null { border: 1px solid #e4e4e4; color: #e4e4e4; }
.detail_select_number .numberinput { width: 120px; float: right; margin-right: 4%; }
.detail_select_number .numberinput input { width: 50px; height: 33px; float: left; text-align: center; line-height: 33px; border: none; border-top: 1px solid #e8e8e8; border-bottom: 1px solid #e8e8e8; }
.detail_select_number .numberinput p { width: 33px; border: 1px solid #e8e8e8; height: 33px; cursor: pointer; float: left; line-height: 33px; text-align: center; }
.detail_select_number .numberinput .add { border-radius: 0px 3px 3px 0; }
.detail_select_number .numberinput .reduce { border-radius: 3px 0px 0px 3px; }
.detail_select_number .numberinput .pb { background-color: #f4f4f4; }
.detail_select_number { padding: 10px 2%; line-height: 35px; }

.detail_select_close{ position: absolute; right: 15px; top: 35px; width: 20px; }
.querenduihuans{ background-color: #ccc }
.querenduihuans a{ color: #fff }
.detail_prodect_xiangqing{  background-color: #fff;  width: 96%; padding: 15px 2%; height: auto; overflow: hidden; padding-top: 20px; border-top: 1px solid #f2f2f2;}
.detail_prodect_xiangqing h1{ font-size: 15px; font-weight: normal; margin-bottom: 10px;  height: 18px; border-left: 4px solid #ff6600; text-indent: 2%; line-height: 18px;  }